<!DOCTYPE html>
<html>
<head>
<title>慕课网电商网站-首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/resert.css" type="text/css" rel="stylesheet"/>
<link href="css/main.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="headerBar">
    <div class="topBar">
      <div class="comWidth clearfix">
	    <div class="leftArea">
	     <a class="collection" href="#">收藏慕课</a>
	    </div>
	    <div class="rightArea">
	      欢迎来到慕课网！<a href="#">[登录]</a><a href="#">[免费注册]</a>
	    </div>
	  </div>
	</div>
	<div class="logoBar">
	  <div class="comWidth clearfix">
	    <div class="logo fl">
		  <a href="#"><img src="images/logo.png" alt="慕课网"/></a>
		</div>
		<div class="search_box fl">
		   <input type="text" class="search_text fl"/>
		   <input type="button" value="搜 索" class="search_btn fr"/>
		</div>
		<div class="shopCar fr">
		  <span class="shopText fl">购物车</span>
		  <span class="shopNum fr">0</span>
		</div>
	  </div>
	</div>
	<div class="navBox">
	  <div class="comWidth clearfix">
	    <div class="shopClass fl">
		  <h3>全部商品分类<i></i></h3>
		  <div class="shopClass_show">
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		    <dl class="shopClass_item">
		     <dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="alink">合约机</a></dt>
			 <dd><a href="#">荣耀3X</a><a href="#">单反 </a><a href="#">智能设备 </a></dd>
		    </dl>
		  </div>
		</div>
		<div class="nav fl">
		  <ul>
		    <li><a class="active" href="#">数码城</a></li>
			<li><a href="#">天黑黑</a></li>
			<li><a href="#">团购</a></li>
			<li><a href="#">发现</a></li>
			<li><a href="#">二手特卖</a></li>
			<li><a href="#">名品会</a></li> 
		  </ul>
		</div>
	  </div>
	</div>
</div>
<div class="banner comWidth clearfix">
  <div class="banner_bar banner_big">
    <ul class="imgBox clear"> 
	  <li><a href="#"><img src="images/banner/banner1.png" alt="banner"/></a></li>
	  <li><a href="#"><img src="images/banner/banner2.png" alt="banner"/></a></li> 
	</ul>
	<div class="imgNum">
	  <a href="#" class="active"></a>
	  <a href="#"></a>
	</div>
  </div>
</div>
<div class="shopTit comWidth clearfix">
  <span class="ico"></span>
  <h3>家用电脑</h3>
  <a href="#" class="more">more &gt;&gt;</a>
</div>
<div class="shopList comWidth clearfix">
  <div class="leftArea">
    <div class="banner_bar banner_sm">
    <ul class="imgBox clear"> 
	  <li><a href="#"><img src="images/banner/banner_sm1.jpg" alt="banner"/></a></li>
	  <li><a href="#"><img src="images/banner/banner_sm2.jpg" alt="banner"/></a></li> 
	</ul>
	<div class="imgNum">
	  <a href="#"></a>
	  <a href="#"></a>
	  <a href="#" class="active"></a>
	</div>
   </div>
  </div>
  <div class="rightArea">
   <div class="shopList_top clearfix">
    <div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
	<div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
	<div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
	<div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
  </div>
  <div class="shopList_sm clearfix"><!--祖父级清浮动-ie6.0小图宽度不够-->
    <div class="shopItem_sm">
	  <div class="shopItem_smImg ">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	  <div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	  </div>
   </div>
   <div class="shopItem_sm">
	  <div class="shopItem_smImg">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	  <div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	  </div>
   </div>
   <div class="shopItem_sm">
	  <div class="shopItem_smImg">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	  <div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	 </div>
   </div>
   <div class="shopItem_sm">
	  <div class="shopItem_smImg">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	  <div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	  </div>
   </div>
  </div>
  </div>
</div> 

<div class="shopTit comWidth clearfix">
  <span class="ico"></span>
  <h3>家用电脑</h3>
  <a href="#" class="more">more &gt;&gt;</a>
</div> 
<div class="shopList comWidth clearfix">
  <div class="leftArea">
    <div class="banner_bar banner_sm">
    <ul class="imgBox clear"> 
	  <li><a href="#"><img src="images/banner/banner_sm1.jpg" alt="banner"/></a></li>
	  <li><a href="#"><img src="images/banner/banner_sm2.jpg" alt="banner"/></a></li> 
	</ul>
	<div class="imgNum">
	  <a href="#"></a>
	  <a href="#"></a>
	  <a href="#" class="active"></a>
	</div>
   </div>
  </div>
  <div class="rightArea">
   <div class="shopList_top clearfix">
    <div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
	<div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
	<div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
	<div class="shop_item">
	  <div class="shopImg"> 
	   <a href="#"><img src="images/mobilephone.png" alt="shopimg"/></a>
	  </div>
	  <h3>HTC新渴望8系列</h3>
	  <p>1899元</p>
	</div>
  </div>
  <div class="shopList_sm clearfix"><!--祖父级清浮动-ie6.0小图宽度不够-->
    <div class="shopItem_sm">
	  <div class="shopItem_smImg ">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	<div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	</div>
   </div>
   <div class="shopItem_sm">
	  <div class="shopItem_smImg">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	<div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	</div>
   </div>
   <div class="shopItem_sm">
	  <div class="shopItem_smImg">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	<div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	</div>
   </div>
   <div class="shopItem_sm">
	  <div class="shopItem_smImg">
	    <a href="#"><img src="images/shopListsm.png" alt="shopimg"/></a>
	  </div>
	<div class="shopItem_smText">
	  <h3>NFC技术一碰轻松配对!接触屏幕</h3>
	  <p>￥149.00</p>
	</div>
   </div>
  </div>
  </div>
</div> 
<div class="hr_25"></div>
<div class="footer">
  <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i><a href="#">客服热线：400-675-1234</a></p>
  <p>Copyright &copy; 2006 - 2014 慕课版权所有&nbsp;&nbsp;&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123</p>
  <p class="web"><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a><a href="#"><img src="images/footer_logo.png" alt="footerimg"/></a></p>
</div>
</body>
</html>